.slide_nav::-webkit-scrollbar{width:8px;height:8px}
.slide_nav::-webkit-scrollbar-track{background-color:grey;-webkit-border-radius:2em;-moz-border-radius:2em;border-radius:2em}
.slide_nav::-webkit-scrollbar-thumb{background-color:#f40;-webkit-border-radius:2em;-moz-border-radius:2em;border-radius:2em}
.bigImgNavs::-webkit-scrollbar{width:8px;height:8px;cursor:pointer}
.bigImgNavs::-webkit-scrollbar-track{background-color:grey;-webkit-border-radius:2em;-moz-border-radius:2em;border-radius:2em;cursor:pointer}
.bigImgNavs::-webkit-scrollbar-thumb{background-color:#f40;-webkit-border-radius:2em;-moz-border-radius:2em;border-radius:2em}
.pageHeader{background-color:#e4e4e4;z-index:51;width:100%;height:120px;position:relative}
.pageHeader .header_box{width:1200px;height:146px;background:#e4e4e4;border-bottom-left-radius:10px;border-bottom-right-radius:10px;box-shadow:0 2px 2px #e8e8e8;margin:0 auto}
.pageHeader .wrap{width:1200px}
.pageHeader .logo{padding:0 15px;height:146px;float:left}
.menu_box{float:right;width:1000px;height:146px}
.menu_top{width:100%;float:right;height:47px;margin:12px 0 0}
.nav{float:right;width:100%;height:50px;border-radius:10px;background:#2063b1}
.nav>ul:after,.nav>ul:before{display:table;clear:both;content:''}
.nav>ul>li{width:13%;float:left;margin-left:1%;position:relative; background:url(../images/line.png) right center no-repeat;}
.nav>ul>li:last-child{background:none;}
.nav>ul>li>a{display:block;white-space:nowrap;font-size:16px;text-align:center;line-height:50px;height:50px;position:relative;font-weight:500;color:#fff}
.nav>ul>li>a:after{content:'';display:block;width:0;height:2px;background-color:#f08200;overflow:hidden;position:absolute;left:50%;bottom:0;-webkit-transition:all .3s ease;transition:all .3s ease;display:none}
.nav>ul>li.cur>a:after,.nav>ul>li:hover>a:after{width:100%;left:0}
.nav>ul>li.cur>a,.nav>ul>li:hover>a{color:#fff;height:48px;line-height:48px}
.nav>ul ul{width:300%;border:#ccc 1px solid;border-top:2px solid #2063b1;background-color:#fff;position:absolute;left:0;top:50px;opacity:0;visibility:hidden;-webkit-transform:translate(0,20px);-moz-transform:translate(0,20px);-ms-transform:translate(0,20px);-o-transform:translate(0,20px);-webkit-transition:all .5s cubic-bezier(.215,.61,.355,1);-moz-transition:all .5s cubic-bezier(.215,.61,.355,1);-o-transition:all .5s cubic-bezier(.215,.61,.355,1);transition:all .5s cubic-bezier(.215,.61,.355,1)}
.nav>ul ul li{border-bottom:1px dashed #e8e8e8;}
.nav>ul ul li:last-child{border:0px;}
.nav>ul ul a{display:block;line-height:24px;padding:8px 35px;font-size:13px;position:relative}
.nav>ul ul a:after{content:'';display:block;width:10px;height:5px;overflow:hidden;background:url(../images/nav_arr.png) -10px 0 no-repeat;position:absolute;right:20px;top:18px;-webkit-transition:all .3s ease;transition:all .3s ease}
.nav>ul ul a:hover{background-color:#f9f9f9}
.nav>ul ul a:hover:after{background-position:0 0}
.nav>ul>li:hover ul{opacity:1;visibility:visible;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0)}
.digital_head .nav{width:75%}
.news_dgt_vr .subnavs .inner_wrap .fix a{padding:0 0}
.tel{height:34px;line-height:34px;font-size:20px;font-weight:700;float:right;margin-right:30px}
.select_lang{width:142px;height:28px;float:right;padding-left:26px;border:1px solid #2063b1;border-radius:20px;background:url(../images/ico_lang.png) no-repeat 6px 7px #2063b1;overflow:hidden;z-index:4;-webkit-transition:all .3s ease;transition:all .3s ease}
.select_lang a{white-space:nowrap;display:block;float:left;font-size:13px;color:#fff;line-height:28px;position:relative;letter-spacing:1px;font-weight:400}
.select_lang a:hover{color:#2063b1}
.select_lang a.active{color:#2063b1}
.select_lang a.english{background:#fff;color:#2063b1;width:93px; text-align:center;}
.select_lang a.english:before,.select_lang a.espanol:before{height:10px;background:#d2d4d7;position:absolute;left:-5px;top:7px}
.select_lang a.chinese{padding:0 15px 0 5px}
.alibb{ float: right; margin-bottom: 12px; font-size: 18px;} 
.alibb img{width: 20px; margin:0 5px;}
.banner{position:relative;text-align:center;width:100%;height:600px}
.banner img{max-width: 100%;}
@media only screen and (max-width:1920px){.banner{height:600px}
}
@media only screen and (max-width:1680px){.banner{height:525px}
}
@media only screen and (max-width:1600px){.banner{height:500px}
}
@media only screen and (max-width:1440px){.banner{height:450px}
}
@media only screen and (max-width:1366px){.banner{height:427px}
}
@media only screen and (max-width:1280px){.banner{height:400px}
}
@media only screen and (max-width:1024px){.banner{height:320px}
}
@media only screen and (max-width:1199px){.banner{height:375px}
}
.banner .pic{position:relative;width:100%;height:100%}
.banner .pic li{position:absolute;width:100%;height:100%;overflow:hidden;left:0;top:0;z-index:1;background-repeat:no-repeat;min-width: 1200px; }
#Banner .btn{position:absolute;width:100%;height:80px;bottom:0;left:0;z-index:5}
#Banner .btn li{width:14px;height:14px;margin-top:30px;line-height:9px;color:#fff;display:inline-block;background:#333;overflow:hidden;margin-right:7px;overflow:hidden;border-radius:50%}
#Banner .btn li.selected{background:#246ec3}
.mr20{margin-right:20px}
.zq-icon{display:inline-block;background:url(../images/icon.png) no-repeat}
.icon40x40{width:40px;height:40px}
.crad-area-icon1{background-position:0 0}
.crad-area-icon2{background-position:-40px 0}
.crad-area-icon3{background-position:-80px 0}
.crad-area-icon4{background-position:-120px 0}
.card-area{margin:60px auto 0;height:560px;width:1200px;position:relative}
.card-area .bg-e8e8e8{background:#e8e8e8}
.card-area .bg-e1e1e1{background:#e1e1e1}
.card-area .card-item{z-index:4;transition:all .3s cubic-bezier(.4,0,.2,1),z-index 0s .12s;position:relative;float:left;width:20%;height:470px;background-color:transparent}
.card-area .card-item+.card-item{margin-left:-1px}
.card-area .card-item .card{transition:all .3s cubic-bezier(.4,0,.2,1),z-index 0s .12s;width:100%;height:100%;text-align:left;background:#fff}
.card-area .card-item .card .card-content{width:100%;line-height:2}
.card-area .card-item .card .card-content.content-first{transition:all .12s cubic-bezier(.4,0,.2,1) .18s;z-index:3;opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100));border-left: 1px solid #fff;}
.card-area .card-item .card .card-content.content-second{transition:all .12s cubic-bezier(.4,0,.2,1) 0s;z-index:2;opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0));line-height:2}
.card-area .card-item .card .card-content.content-second li{float:left;width:50%}
.card-area .card-item .card .card-content,.card-area .card-item .card .card-title{position:absolute;left:0;right:0;z-index:1}
.card-area .card-item .card .card-title{padding-top:1px;transition:all .3s cubic-bezier(.4,0,.2,1),z-index 0s .12s;height:145px;line-height:26px;font-size:14px;top:0;background:#1b77b9;border-left:1px solid #3285c0}
.card-area .card-item .card .card-title .content{position:absolute;bottom:25px;width:90%;text-align:left; padding-left:25px;}
.card-area .card-item .card .card-title h1{font-size:22px;font-weight:700;color:#d9efff;margin-bottom:0}
.card-area .card-item .card .card-title .short-info{color:#8dbbdc;font-size:14px;margin-top:0;margin-bottom:20px;text-transform:Uppercase;}
.card-area .card-item .card .card-title .zq-product-img{width:40px;height:40px;margin:10px auto;position:relative}
.card-area .card-item .card .card-title .zq-product-img img{position:absolute;left:0;width:100%}
.card-area .card-item .card .card-title .zq-product-img .un-hover{z-index:1;opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100))}
.card-area .card-item .card .card-title .zq-product-img .with-hover{z-index:2;opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0))}
.card-area .card-item .card .card-title .short-info,.card-area .card-item .card .card-title .zq-product-img img,.card-area .card-item .card .card-title h1{transition:all .15s cubic-bezier(.4,0,.2,1) 0s}
.card-area .card-item .card .activebtn{display:none;}
.card-area .card-item .card .card-content{height:330px;position:absolute;top:145px;}
.card-area .card-item .card .card-content.content-first .content-first-list{width:100%;max-width:250px;font-size:16px;color:#373d41;margin-top:47px;margin-bottom:47px; }
.card-area .card-item .card .card-content.content-first .content-first-list li{margin-bottom:5px; text-align:left; margin-left: 25px; font-size:14px;}
.card-area .card-item .card .card-content.content-second{width:90%;left:25px;font-size:14px;color:#a9b0b4;text-align:left;padding-top:40px}
.card-area .card-item .card .card-content.content-second .main-info{width:58%; float:left; margin-right:2%;}
.card-area .card-item .card .card-content.content-second .main-head{color:#3db1ea;font-size:18px;line-height:28px;margin:0px; border:1px solid #e8e8e8;float:left; }
.card-area .card-item .card .card-content.content-second .main-head img{width:250px; height:250px;}
.card-area .card-item .card .card-content.content-second .main-tip{color:#232933}
.card-area .card-item .card .card-content.content-second .main-desc{color:#8c8c8c;font-size:12px;line-height:22px}
.card-area .card-item .card .card-content.content-second .main-btn{cursor:pointer;width:160px;height:38px;font-size:16px!important;color:#fff;margin-top:22px;margin-bottom:33px;border-radius:19px;background:#3db1ea;border:none;transition:color .3s ease-in-out,background .3s ease-in-out}
.card-area .card-item .card .card-content.content-second .main-btn:hover{color:#fff;background:#1b77b9}
.card-area .card-item .card .card-content.content-second .main-white-btn{cursor:pointer;width:120px;height:30px;font-size:16px!important;color:#fff;margin-top:-16px;border-radius:3px;background:#d82525;transition:color .3s ease-in-out,background .3s ease-in-out;border: 0; float:left; margin-left:28%;}
.card-area .card-item .card .card-content.content-second .main-white-btn:hover{color:#fff;background:#3db1ea}
.card-area .card-item .card .card-content .other-info{width:40%; float:left;overflow:hidden;line-height:22px;font-size:12px}
.card-area .card-item .card .card-content .other-info .other-info-list{width:100%;height:34px;background:#fff url(../images/ico.png) 10px center no-repeat;margin-right:25px;padding:0 0 0 25px;position:relative}
.card-area .card-item .card .card-content .other-info .other-info-list:nth-child(2n+2){background:#e1e1e1 url(../images/ico.png) 10px center no-repeat;}
.card-area .card-item .card .card-content .other-info .other-info-list .c-a-arrow{position:absolute;right:10px;top:15px;background-position:-200px 0}
.card-area .card-item .card .card-content .other-info .other-info-list:hover{background:#2063b1 url(../images/ico.png) 10px center no-repeat;}
.card-area .card-item .card .card-content .other-info .other-info-list:hover .c-a-arrow{background-position:-200px -17px}
.card-area .card-item .card .card-content .other-info .other-info-list:hover .other-desc,.card-area .card-item .card .card-content .other-info .other-info-list:hover .other-head{color:#fff}
.card-area .card-item .card .card-content .other-info .other-info-list .list-context{color:#00c1de}
.card-area .card-item .card .card-content .other-info .other-head{font-size:14px;font-weight:400;color:#000;line-height:34px;}
.card-area .card-item .card .card-content .other-info .other-desc{margin-top:2px;font-size:12px;color:#999}
.card-area .card-item.active{z-index:6;box-shadow:0 0 30px rgba(0,0,0,.2);width:40%;height:500px}
.card-area .card-item.active .card .card-title{background-color:#2063b1;height:159px;top:-15px;border:none}
.card-area .card-item.active .card .card-title .short-info{color:#9ed8f5}
.card-area .card-item.active .card .card-title h1{color:#fff}
.card-area .card-item.active .card .card-content.content-first{transition:all .12s cubic-bezier(.4,0,.2,1) 0s;z-index:2;opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0));}
.card-area .card-item.active .card .card-content.content-second{transition:all .12s cubic-bezier(.4,0,.2,1) .18s;z-index:3;opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100))}
.card-area .card-item.active .card .activebtn{display:block; float:right; margin-right:25px;}
.card-area .card-item.active .card .main-btn{cursor:pointer;width:120px;height:30px;font-size:16px!important;color:#fff;margin-top:58px;margin-bottom:33px;border-radius:3px;border:1px solid #fff;background:none;transition:color .3s ease-in-out,background .3s ease-in-out}
.card-area .card-item.active .card .main-btn:hover{color:#fff;background:#3db1ea;}
.card-area .card-item.active .card .card-title .content{width:50%;}

#new{width: 100%; min-width: 1200px;  margin: 30px auto 0;background: #e7e7e7 url(../images/bottom_top.png) bottom left no-repeat;}
.indexnews{width: 1200px; padding: 60px 0; margin:0 auto; display:table;}
.news-l{ width: 715px;  margin-right: 25px;}
.news-r{ width: 460px; height:470px; background:url(../images/contact_bg.png) left top no-repeat;  }
.news-r .contact{width:320px; height:160px; padding-top:235px; padding-left:75px;}
.news-r .contact strong{font-size: 20px; margin-bottom: 20px;display: table;}
.news-r .contact p{line-height:30px;}
.new-a p{ font-size: 24px; color: #3a3a3a;}
.new-a strong{font-size:16px; color:#2063b1; height:20px; line-height:20px;}
.new-a a{float: right; font-size: 14px; color: #6d6d6d;}
.new-a a:hover{ color: #00adef;}

.new-b{float:left; width:100%; border-bottom: 1px solid #c9c9c9; padding-bottom:30px;}
.new-b-l{margin-top: 30px; margin-right: 20px; width:380px; height:220px;}
.new-b-l img{width:100%; height:100%;}
.new-b-r{ margin-top:28px;width:290px;height: 150px;}
.new-b-r h1{font-size: 16px; color: #3c3d3b;margin-bottom: 20px;line-height: 20px;font-weight:bold;}
.new-b-r p{font-size: 12px;color: #6d6d6d; margin-bottom: 25px; line-height: 24px;}


.new-b-r .more{width: 120px; height: 35px; background: #d22020; text-align:center; text-indent:0;  }
.new-b-r .more span{font-size: 12px;color: #ffffff;line-height: 35PX;}
.news-r .book{margin-top: 60px;}
.news-r .book-a{width:243px; height:350px; margin-right:20px; border:1px solid #838383;}
.news-r .book-a:last-child{margin:0;}
.news-r .book-a img{width:100%; height:100%;}
.new-c{float:left;width: 715px; padding-top:30px;}
.new-c .new-c-1{ width: 715px;height: 40px; line-height:40px;}
.new-c-1 .xw{ height:14px; padding-bottom: 16px;}
.new-c-1 p{background:url(../images/link_ico.png) left center no-repeat;text-indent:30px; float: left; font-size: 14px;color:#6d6d6d;line-height: 30px; height:30px; width:98%;}
.new-c-1 span{float:right; font-size: 12px;}
.new-c-1 p:hover{background: url(../images/ico-6.png) left center no-repeat;text-indent:30px;; color: #00ADEF;}

.pageFooter{width:100%;min-width: 1200px; height: 260px; background: url(../images/bottom.png) bottom center no-repeat; background-size: cover;}
.foot{width:1200px; margin:0px auto; padding-top:50px;}
.foot_left{float:left; width:350px; margin-right:50px;}
.foot_tel{float:right; background:url(../images/foot_tel.png) left center no-repeat; padding-left:60px; font-size:24px; line-height:45px; font-weight:bold; color:#fff;}
.foot_right{float:right; width:624px; height: 160px;}
.foot_menu {width:100%; height:16px;line-height:16px; margin:20px 0;}
.foot_menu ul{margin:0px; padding:0px;}
.foot_menu ul li{padding:0 18px; border-right:1px solid #fff; float:left;}
/*.foot_menu ul li:last-child{border-right:0; padding:0 0 0 28px;}*/
.foot_menu ul li a{color:#fff; font-size:14px;}
.foot_menu ul li a:hover{color:#adcff7;}
.foot_text{width:100%; float:right; text-align:right; color:#fff; line-height:30px;}
.foot_text a{color:#fff;}
.shejiao{float:left; margin-top:20px; width:100%;}
.s_bg { height:55px; line-height:55px; border-bottom:1px solid #e8e8e8;}
.h_ser { margin:0 auto; width:1200px;}
.s_inp {  margin-top:11px;}
.s_inp .inp01 {width:207px; height:30px; line-height:30px; padding:0 3px 0 37px; border:none; float:left; font-size:12px; color:#333; font-family:"Microsoft YaHei";}
.h_ser .keyword { float:left; width:860px; overflow:hidden; margin:0px;}
.h_ser .keyword b{float: left;}
.h_ser .keyword p{float: left;}
.h_ser .keyword a { padding:0 6px;font-weight: bold;}
.search{width: 273px;height:30px;float:right;overflow:hidden;border:1px solid #fff;z-index: 8;background: #e8e8e8;}
.search .txt{float:left;padding-left: 10px;color: #999;border-style: none;border-width: 0px;height: 30px;line-height: 30px;width: 218px;font-size: 12px;background: none;}
.search .btn{float: right;width:30px;height:30px;border-style:none;border-width: 0px;background: url(../images/arr_search.gif) 0px 7px no-repeat;cursor: pointer;}

#h_right {
	PADDING-RIGHT: 5px; MARGIN-TOP: 10px; WIDTH: 220px; LINE-HEIGHT: 12px; HEIGHT: 12px; margin-bottom:22px; float:left;
}
#language {
	PADDING-RIGHT: 30px; DISPLAY: inline-block; Z-INDEX: 8; POSITION: relative;
}


.tjpro { width: 1200px; padding: 0px 0 60px; margin: 0 auto; display: table;}
.tjpro_title{width: 1200px; text-align: center; margin: 20px auto 80px; font-size: 50px; font-weight: bold; color: #3285c0;line-height: 50px;}
.tjpro_title span{font-size: 20px; width: 100%;float: left; font-weight: 500; margin-top: 10px;}
ul.Plist{width:102%;margin-top: 15px;margin-left: -1%;}
ul.Plist li{float: left;width: 23%;margin: 0 1% 20px 1%;}
ul.Plist li a{text-align: center;display: block;transition:all .35s;position: relative;}
ul.Plist li .img img{width:100%;}
ul.Plist li .img{ position:relative; background:#fff; text-align:center;overflow:hidden; padding: 20px; border: 1px solid #e8e8e8; border-bottom: 0;}
ul.Plist li .img>img{width:100%;height:auto; transition:all 1s;}
ul.Plist li .con{ position:relative; text-align:left; border:1px solid #eee; box-sizing:border-box;padding:10px 20px;background: #fafafa;}
ul.Plist li .con:after{ position:absolute;z-index:1;left:0;bottom:0; width:0;height:2px;opacity:0;background-image: linear-gradient(to right, #d70010 , #a7010c);content:''; transition:all .35s;}
ul.Plist li .con h3{color:#555; font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
ul.Plist li .con p{min-height: 17px;padding:10px 0; font-size:13px; color:#999;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
ul.Plist li span.iconfont{font-size: 20px; position:absolute;z-index:4; right:15px; bottom:15px;color: #d70010;}
ul.Plist li a:hover{box-shadow:0 0 10px rgba(0,0,0,.2);}
ul.Plist li a:hover .img>img{transform:scale(1.1);opacity:.8;}
ul.Plist li a:hover .con:after{ width:100%;opacity:1;}